<template>
    <div class="box">
        <div class="header_box">
            <headerView>
                <template v-slot:center>
                    <div class="header_box_main">
                        使用时间
                    </div>  
                </template>
                <template v-slot:right>
                    <div>
                        确定
                    </div>  
                </template>
            </headerView>
        </div>

        <div class="input1">
            <van-field
            v-model="message"
            rows="1"
            autosize
            label=""
            type="textarea"
            placeholder="请输入团购使用中文规则

            例子：
            该商品不可与商家其他优惠同享。
            酒水饮料等问题，请致电商家咨询，以商家反馈为准。
            如部分菜品因时令或其他不可抗因素导致无法提供，商家会用等价菜品替换，具体事宜请与商家协商。
            仅限到店堂食，不提供自提外带，不提供送餐。"
             />
        </div>

        <div class="input2">
            <van-field
            v-model="message2"
            rows="1"
            autosize
            label=""
            type="textarea"
            placeholder="请输入团购使用英文规则"
             />
        </div>

        <div class="btnDiv">
            <van-button round type="info" class="btn" @click="toCreateGroupBuy">确定</van-button>
        </div>
    </div>
</template>
<script>
    import HeaderView from '@/components/header1View.vue';
    export default{
       data(){
        return{
            message:'',
            message2:''
        }
       },
       methods:{
        toCreateGroupBuy(){
            this.$router.push('./CeateGroupBuy')
        }
       },
       components:{
        HeaderView
       }
    }
</script>
<style scoped>
    .box{
        width: 100%;
        padding: 0;
        margin: 0;
        background: #f5f5f5;
    }
    .input1{
        height: 300px;
        margin-top: 10px;
        background: #ffffff;
    }
    .header_box_main{
        background: #ff6e53;
        width: 100px;
        text-align: center;
        margin:0 auto;
    }
    .input2{
        height: 233px;
        margin-top: 10px;
        background: #ffffff;
    }
    .btnDiv{
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn{
        background: #ff6e53;
        border: 1px solid #ff6e53;
        width: 90%;
        margin: 0 auto;
    }

</style>